@extends('enterprise.layout.common')
@section('content')
        <link rel="stylesheet" href="{{asset('css/enterprise/about.css')}}">
        <!--内容-->
        <section class="">
            <div class="banner">
                <img src="{{asset('/images/enterprise/u503.png')}}" alt="">
            </div>
            <article class="">
                @foreach($list as $v)
                <div class="articleheader">
                    <h1>{{$v->title}}</h1>
                    <i class="icon iconfont cFF3300" style="font-size:23px;font-weight: 700;">&#xe64c;</i>
                </div>
                <div class="character w1200">
                    {!! $v->content !!}
                </div>
                @endforeach


                <div class="w100">
                    <div class="w1200 mbootm50">
                        <ul class="cl w90" id='timeline'>
                            <li class='work'>
                                <input class='radio' id='work5' name='works' type='radio' checked>
                                <div class="relative">
                                    <label for='work5'>2015年</label>
                                    <span class='circle'></span>
                                </div>
                                <div class='content'>
                                    <p>
                                        根据国际物流平台经验，考虑国内运营平台建设，初步定名365物流，365物流同时面向车主和货主的物流货运交易云平台！利用互联网技术发展改造传统货运行业，是我国“物流业发展中长期规划（ 2014- 2020年）“提出的发展重点。”规划“表示，要加强移动互联等先进信息技术在物流领域的应用，鼓励各类平台创新运营服务模式。      </p>
                                </div>
                            </li>
                            <li class='work'>
                                <input class='radio' id='work4' name='works' type='radio'>
                                <div class="relative">
                                    <label for='work4'>2016年</label>
                                    <span class='circle'></span>
                                </div>
                                <div class='content'>
                                    <p>利用北斗导航系统开发“中国公路物流运力资源整合平台”，在中国南方江苏苏州张家港运营测试</p>
                                </div>
                            </li>
                            <li class='work'>
                                <input class='radio' id='work3' name='works' type='radio'>
                                <div class="relative">
                                    <label for='work3'>2017年</label>
                                    <span class='circle'></span>
                                </div>
                                <div class='content'>
                                    <p>
                                        打造优秀的团队，踏实做事，真正解决用户最迫切的问题。目前货运行业没有很好的信誉体系，XXX的目标就是要建立物流行业的信誉参考体系，让最可靠的运力拿到最好的货源，也让最靠谱的货主轻松找到最适合的运力。</br>
                                        智能移动终端在物流业开始普及，XXX技术公司成立，快速切入互联网大数据平台+物流的融合之路，并在内部全线测试运营...
                                    </p>
                                </div>
                            </li>
                            <li class='work'>
                                <input class='radio' id='work2' name='works' type='radio'>
                                <div class="relative">
                                    <label for='work2'>2018年</label>
                                    <span class='circle'></span>
                                </div>
                                <div class='content'>
                                    <p>
                                        打造公司快速成长的精英团队，利用人工智能，移动互联网技术，云平台，大数据构建大物流生态。打造一条有价值的人工智能，大数据，云配货等物流服务平台，创造有价值的供应链和有价值的产业链，成为行业备受尊敬的高科技公司，我们通过科技手段为千家万户带来幸福快乐安康！
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>

                </div>
                <div class="articleheader" style="background:#F9F9F9;">
                    <h1>企业文化</h1>
                    <i class="icon iconfont cFF3300" style="font-size:23px;font-weight: 700;">&#xe64c;</i>
                </div>
                <ul class="cl enterprise w1200">
                    <li>
                        <div class="w354">
                            <img src="{{asset('/images/enterprise/u168.png')}}" alt="">
                            <span class="pardon">包容</span>
                        </div>
                    </li>
                    <li>
                        <div class="w354">
                            <img src="{{asset('/images/enterprise/u168.png')}}" alt="">
                            <span class="pardon">合作</span>
                        </div>
                    </li>
                    <li>
                        <div class="w354">
                            <img src="{{asset('/images/enterprise/u168.png')}}" alt="">
                            <span class="pardon">诚信</span>
                        </div>
                    </li>
                    <li>
                        <div class="w354">
                            <img src="{{asset('/images/enterprise/u168.png')}}" alt="">
                            <span class="pardon">超越</span>
                        </div>
                    </li>
                    <p style="text-align: center;line-height:100px;font-size: 24px;">让客户倍感愉悦，舒适，安全。让中国千千万万货运从业人员生活更精彩更有尊严！</p>
                </ul>
            </article>

        </section >
        <!--脚-->
@endsection
<script src="{{asset('/common/enterprise/jquery-3.3.1.js')}}"></script>
<script src="{{asset('/plug/layui/layui.js')}}"></script>
        <script>
            $(function(){
                $("ul>li").hover(function(){
                    $(this).find(".w354").css("display","none");
                },function(){
                    $(this).find(".w354").css("display","block");
                })
            })
        </script>

